{template 'header'}
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href="../addons/mx_shop/resources/cgc/css/member/newphone.css">
<body id="body">
<header class="mui-bar mui-bar-nav" style="background: #72adf5;">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
    <h1 class="mui-title" id="title" style="color: white;">更换手机号</h1>
</header>
<div class="content" id="content">
    <div class="inputwrap">
        <div class="tel">
            <div class="mui-input-row">
                <i class="iconfont icon-shouji"></i>
                <input type="text" placeholder="输入你本人手机号">
            </div>
        </div>
        <div class="code">
            <div class="mui-input-row">
                <i class="iconfont icon-buchongiconsvg02"></i>
                <input type="text" placeholder="输入验证码">
            </div>
            <button>获取验证码</button>
        </div>
        <div class="btn">
            <button type="button" class="mui-btn det" style="color:#fff">确定</button>
        </div>
    </div>
</div>
<script>
    $(function(){
        $(".det").click(function(){
            $.dialog({
                type:"check",
                // headMessage:"我只是试验一下",
                delay:3000,
                message:"手机号更换成功",
                animate:true,
                buttons:[
                    {
                        text:"重新登录",
                        callback:function(){
                            alert(0);
                            return false;
                        }
                    }
                ]
            });
        })
    })
</script>
</body>
</html>